確立了自身的痛點後,下一步就是進行 MVP(Minimum Viable Product,最小可行性產品) 的功能範疇收斂。為了確保能順利在 30 天內產出,我將核心功能劃分為三大模塊:
這是整個應用的核心。為了極簡化操作流程,畫面上方會提供主任務與子任務的快速選單,選好之後只要點擊下方按鈕即可開始計時。
提供任務管理跟一覽表,並且搭配視覺化進度(progress bar)回饋,增強使用時的成就感:
想要保留盡可能簡潔的介面,所以操作介面上不會放太多說明,因此將一些使用者在使用時可能會有的疑問,放在常見問答區域。
[↓資訊架構 v1.1] (2026/9/29更新)
資訊架構(Information Architecture)
│
├──導覽列
│ ├── 1. 語系切換
│ └── 2. 暗色模式切換
│
│
Main Content Area
│
├── Tab-pane 1: 計時器 (Timer)
│ ├── 1. 任務選擇模組
│ │ ├── 主任務下拉選單
│ │ └── 子任務下拉選單
│ │
│ └── 2. 核心計時區塊
│ ├── 當前任務標題顯示
│ ├── 大字體計時器
│ ├── 備註填寫欄
│ ├── 閒置提醒
│ └── 是否顯示秒數
│
├── Tab-pane 2: 任務列表 (Task List)
│ ├── 1. 任務編輯
│ │ ├── 管理主任務按鈕
│ │ └── 新增子任務按鈕
│ │
│ │── 2. 匯出CSV按鈕
│ │
│ └── 3. 任務列表
│ └── 主任務卡片
│ ├── 標題、子任務完成度進度條、總累計時間
│ ├── 操作按鈕 (編輯 / 刪除)
│ └── 子任務明細列表
│ ├── 標題、累計時間、狀態
│ ├── 備註
│ └── 操作按鈕 (編輯 / 刪除)
│
└── Tab-pane 3: 常見 Q&A (FAQ)
│ │── Q1: 如何開始計時?
│ │── Q2: 要如何新增子任務?
│ └── Q3: 可以把資料下載下來嗎?
│
│
└── Tab-pane 4: 系統資料
├── 備份資料(JSON)
└── 還元資料 (JSON)
雖然不在這次30天鐵人賽挑戰的MVP範疇內,但如果能導入AI串接,根據歷史數據提供具參考性的「任務預估時間」,相信對使用者也是很有幫助,可以留作之後的迭代目標。